<include file="Public:header"/>
<style>
*{margin:0px;padding:0px;font-family:"微软雅黑";font-style:normal}
li{list-style:none}
#span_common{display:block}
.box{background:#F4F4F4 url("__APP__/weishop/resource/img/bg.png") no-repeat center top;}

.goods {margin: 0px auto;width: 1200px; overflow: hidden;}
.goods ul {padding-bottom:16px;margin-top: 0px; width:1220px}
.goods ul li{border-bottom: #d3d3d3 1px solid; position: relative; border-left: #d3d3d3 1px solid; margin: 16px 16px 0px 0px; width: 286px; display: inline; background: #fff; float: left; height: 350px; border-top: #d3d3d3 1px solid; border-right: #d3d3d3 1px solid; border-radius: 5px}
.goods ul li .link-box {position: relative; width: 286px; display: block; background: #fff; height: 345px; color: #666; overflow: hidden; top: 0px; CURSOR: pointer; TEXT-DECORATION: none; padding-top: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition: top 500ms ease; -moz-transition: top 500ms ease; -ms-transition: top 500ms ease; -o-transition: top 500ms ease; transition: top 500ms ease}
.goods ul li:hover {box-shadow: 0 0 8px #999}
.goods ul li .link-box:hover {background: #15930B; text-decoration: none}
.goods ul li .link-box .p {width: 270px; display: inline; height: 270px;margin-left: 8px;overflow: hidden;background:#fff}
.goods ul li .link-box h3 {padding-bottom:0px;line-height:18px;padding:left: 6px;padding-right:6px;font-family:"Microsoft Yahei";margin-bottom: 4px;height: 20px;color: #333; font-szie:14px;overflow:hidden;font-weight: 400;padding-top: 2px}
.goods ul li .link-box:hover h3 {color: #fff}
.goods ul li .link-box .item-prices {position: relative;background: #fff2ce;height: 43px;padding-top: 7px}
.goods ul li .link-box .item-prices .price {	padding-left: 10px; font: 700 24px/36px tahoma, Arial; float: left; color: red}
.goods ul li .link-box .item-prices .price I {	font-style: normal; font-family: "Microsoft Yahei", Arial; LETTER-SPACING: 1px; font-size: 28px; font-weight: 400}
.goods ul li .link-box .item-prices .price EM {line-height: 30px; LETTER-SPACING: -2px; font-size: 35px; margin-right: 1px}
.goods ul li .link-box .item-prices .dock {position: relative; display: inline; float: left; margin-left: 10px}
.goods ul li .link-box .item-prices .dock .discount {text-align: center; line-height: 23px; padding-left: 7px; width: 55px; font-family: "Microsoft Yahei", Arial; background:url("__APP__/weishop/resource/img/discount.png"); float: left; height: 23px; color: #fff; font-size: 14px}
.goods ul li .link-box .item-prices .dock .discount EM {font-size: 18px; font-weight: bold}
.goods ul li .link-box .item-prices .dock .orig-price {position: absolute; top: 25px; left: 5px}
.goods ul li .link-box .item-prices .sold-num {position: absolute; top: 24px; right: 10px}
.goods ul li .link-box .item-prices .sold-num EM {color: #390; font-size: 16px; font-weight: 700}

#save{text-align:center;width:100%;height:69px;position:fixed;bottom:0px;z-index:999;}
#bottom_menu{width:1250px;height:69px;margin:0 auto;text-align:center;background:url('__APP__/weishop/resource/img/dao.png')}
#bottom_menu span{display:block;margin:0 auto;float:left;width:150px;border:1px dashed #fff;font-size:28px;color:#fff}
#bottom_menu span:hover{background:#FFBA00}
</style>

<div class="box">
    <div class="goods"><div style="margin-top:10px">{$top_ad[0].content}</div></div>
	<div class="goods">
		<ul>
<volist name="goods" id="goods">
			<li><a class='link-box' href="__APP__/Goods/item.html?id={$goods.goods_id}" target='_blank'>
			      <img class='p' src="__APP__/{$goods.m_pic}"> 
				  <h3 title="{$goods.goods_name}">【蚂蚁超市】{$goods.goods_name}</h3>
				  <div class='item-prices'><span class='price'><i>¥</i>{$goods.price}</span> 
                  <div class='dock'><span class='discount'><em>{$goods.discount}</em>折</span> <del class='orig-price'>¥{$goods.market_price}</del> </div><span class='sold-num'><em>{$goods.buy_count}</em>人已买</span> 
                 </div></a>
			</li>
</volist>
		</ul>
		<div style="clear:both;height:5px"></div>
	</div>

</div>
<div id="page" class="shop" style="clear:both;margin-top:20px;text-align:center"></div>
<div id="save">
	<ul id="bottom_menu">
		<li style="height:25px"></li>
		<li style="height:44px;line-height:44px">
			<a href="__URL__"><span <if condition="$cid eq ''">style="background:#FFBA00"</if>>全部</span></a>
		<volist name="cate" id="cate">
			<a href="__URL__/?cid={$cate.cat_id}"><span <if condition="$cate.cat_id eq $cid">style="background:#FFBA00"</if>>{$cate.cat_name}</span></a>
		</volist>
		</li>
	</ul>
</div>
<include file="Public:footer"/>

<script type="text/javascript" src="__APP__/admin/js/page.js"></script>
<link type="text/css" rel="stylesheet" href="__APP__/admin/js/page.css" />
<script type="text/javascript">
$(function(){
    $("#bottom_menu span").css("width","{$menu_width}px");
	$("#page").SOFUPage({
		Style: "Twitter-yellow",
		NextPrev: false,
		FirstLast:false,
		AllCount:{$page.count},
		PageCount:{$page.page_size},
		NowPage: {$page.now_page},
		MaxShow: 6,
		Href: "__URL__/index/?page={page}&cid={$cid}",
		Target: "_self",
		IsCurAble: false,
		OnChange: function (page) {
		}
	});

});
</script>